<template>
	<view class="container">
		<view class="position">
			<view class="box">
			  <view class="dot"></view>
			  <view class="dot"></view>
			</view>
		</view> 
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style>
	.container{

		margin-top: 120px;
		align-items: center;
	}
	.position{
	display: flex;
	flex-direction: column;
	align-items: center;
	

	}
.dot {
  width: 30px;
  height: 30px;
  background-color: black;
  border-radius: 50%;
}
.box{
  width: 120px;
  height: 120px;
  background-color: #bac8d3;
  border: 1px solid #39586e;
  display: flex;

  justify-content: space-between;
  align-items: flex-end;
}
.box :nth-child(2) {
  align-self: center;
}

</style>
